<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
	<div class="easyui-layout" data-options="fit:true">
		<div data-options="region:'north',border:false" style="height:40px;padding:10px 20px 0px 20px;">
			<a href="#" class="easyui-linkbutton" data-options="toggle:true,selected:true,group:'msg_data_type'">全部消息</a>  
	        <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'msg_data_type'">未读消息</a>  
	        <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'msg_data_type'">未答复消息</a>  
	        <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'msg_data_type'">预约申请</a>  
	        <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'msg_data_type'">未答复预约</a>
		</div>
		<div data-options="region:'center',border:false" style="padding:10px 20px;">
			<table id="framework_main_msg_datagrid">
				<thead>
			        <tr>
			        	<th data-options="field:'id',checkbox:true"></th>
			            <th data-options="field:'msgFromName',width:100">来自</th>
			            <th data-options="field:'msgTitle',width:400">主题</th>
			            <th data-options="field:'createDate',width:100,formatter:frame.getFormatter('DateTime')">时间</th>  
			        </tr>  
			    </thead>
			</table>
		</div>
	</div>
<script type="text/javascript">
 	$("#framework_main_msg_datagrid").datagrid({
 		fit : true,					//充满上层元素
 		url:"${ctx}/msg/list.do",
		//border:false,
		remoteSort : true,			//定义是否从服务器给数据排序
		pagination : true,			//True就会在 datagrid 的底部显示分页栏。
		rownumbers : true,			//True就会显示行号的列
		idField : 'id',				//标识字符串 (如果不标明这个属性，getSelections方法不能使用)
		striped : true,				//奇偶行使用不同背景色
        //checkOnSelect : false,		//行选择不映射到复选框
        selectOnCheck : false,		//复选框可以多选
        singleSelect : true			//之润徐选一行
 	});
</script>
</body>
</html>